<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>微信支付</title>
    <link href="/css/styleShibanhe.css" type="text/css" rel="stylesheet" />
</head>
<body>
<style>
    .order{margin: 40px auto 85px;}
    .orderP1{font-size: 18px;margin-left:470px;}
    .orderP1 span{font-size: 26px;color: red;font-family:"Times New Roman",Times,serif;}
    .orderP1 img{width:32px;position: relative;top:10px;}
    .orderP2{margin-left:469px;font-size: 14px;}
    .orderP2 p:nth-of-type(2){margin-left: 760px;}
    .w{width: 900px;margin-left: 470px;margin-top:40px;}
    .pay-weixin{box-shadow:0 6px 32px rgba(0,0,0,.13);padding:40px 30px;height: 520px;}
    .p-w-hd{font-size: 18px;}
    .orderInfo1{width: 492px;margin-left:20px;margin-top:25px}
    .orderInfo1 img{padding: 0 100px;display: flex;width: 280px;}
    .orderInfo2{position: relative;top:-395px;left: 460px;}
</style>
<script src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
<div class="content" id="cover">

    <div class="main">
        <div class="order">
            <p class="orderP1"><img  src="/img/logo.jpg"><span>石板河</span>&nbsp;&nbsp;收银台</p>
            <br>
            <div class="orderP2">
                <p>订单提交成功，请尽快付款！订单号:&nbsp;<span>202015152425236</span></p>
                <p>应付金额:&nbsp;&nbsp;¥<strong style="color:red;font-size: 18px;">8.00</strong>元</p>
            </div>
            <div class="w">
                <div class="pay-weixin">
                    <div class="p-w-hd">
                        微信支付
                    </div>
                    <div  class="orderInfo1">
                        <img  id="aaa" src="
EHqEWHWf7d89DCEFBL7B5/2M73JmayRRarXXNc+k7+fM6+nPBUNS6bvhMwb+gi7DBNPy9rZCbbli
IYe2mu3XrXUxlD3K5bnX4igUzy1k5Qk6s8IoW8bcLq3jebQ1G3KBMgbtxiTaYm2ncydjCKTYDl9f
5fmRlO4LOpZNwYNoPXp5OTynjqS9AxbPc0selVtzBHuXGHkU8LKYll7nUaj6HymfdDuPUlmHTINo
Cs88V68nk65iAivFRCB1u1ifh9hFYw5V0ThRbU4QSCXiVPkAWwulqphI7jM7lALzs/Pq90VRbwBg
dG1FdxDVvy27mze5dxT9AU4vy92TKymhAAAAAElFTkSuQmCC" />
                        <img src="/img/weixinCode.png">
                    </div>
                    <div class="orderInfo2">
                        <img src="/img/phone.png">
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
</div>


<script>

    //2秒轮询一次
    setInterval("get_pay_status()",2000);

    //轮询订单支付状态
    function get_pay_status() {
        $.ajax({
            url:'/get_order_status',
            data:{
                orderNo:'订单编号'
            },
            success:function (data) {
                if (data.code==1000){
                    //如果后台返回支付成功，则跳转到支付成功页面
                    window.location.href="/to_weixin_return_url.jspx?orderNo=订单编号";
                }
            }
        })
    }

    $().ready(function() {

    });
</script>
</body>
</html>

